import React from 'react'
import './css/index.css'
import { SearchOutlined, RollbackOutlined } from '@ant-design/icons'
export default function index() {
  return (
    <div>
      <div className='ljybox'>
        <div className='box1'>商品管理</div>
        <div className='ljybox2'>
          <div className='wo'>
            <span style={{ marginRight: '15px' }}>分类</span>
            <select name="" id="">
              <option value="">请选择</option>
              <option value="生活照料">生活照料</option>
              <option value="临床护理">临床护理</option>
              <option value="康复护理">康复护理</option>
              <option value="心里关怀">心里关怀</option>
              <option value="上门做饭">上门做饭</option>
              <option value="健康管理">健康管理</option>
              <option value="陪同就医">陪同就医</option>
              <option value="日常清洁">日常清洁</option>
            </select>
          </div>
          <div className='wo1'>
            <span style={{ marginRight: '15px' }}>状态</span>
            <select name="" id="" >
              <option value="">请选择</option>
              <option value="待审核">待审核</option>
              <option value="已上架">已上架</option>
              <option value="审核未通过">审核未通过</option>
              <option value="已下架">已下架</option>
            </select>
          </div>
          <div className='aa'>
            <span style={{ marginRight: '15px' }}>价格</span>
            <input type="text" placeholder='最低价格' />
            - <input type="text" placeholder='最高价格' />
          </div>
        </div>
        <div className='select'>
          <input type="text" placeholder='请输入关键字' />
          <span><button style={{
            width: '1rem', height: "1rem",
            borderRadius: '0.2rem', backgroundColor: '#3DD4A7', border: 'none', marginLeft: "0.5rem"
          }}><SearchOutlined /></button></span>
          <span><button style={{
            width: '1rem', height: "1rem",
            borderRadius: '0.2rem', marginLeft: "0.5rem", border: 'none'
          }}><RollbackOutlined /></button></span>
        </div>

      </div>
      <div>
        <div className='di'>
          <div style={{marginLeft: '24rem',}}>
            <span>
              <button style={{
                width: '2rem', height: "1rem", borderRadius: "0.2rem", border: 'none',
                backgroundColor: '#3DD4A7', color: 'white'
              }}>
                新增</button></span>
            <span>
              <button style={{
                width: '3rem', height: "1rem", borderRadius: "0.2rem",
                border: '1px solid grey',backgroundColor:'white', marginLeft: "0.3rem"
              }}>
                批量操作</button></span>
          </div>
        </div>
        <div></div>
      </div>
    </div>
  )
}
